* {
    padding: 0;
    margin: 0;
}

html {
    font-size: 1rem;
    width: 100%;
    height: 100%;
}

body {
    width: 100%;
    height: 100%;
}

ul {
    list-style: none;
}

a {
    color: black;
}

.text-red {
    color: #f10215;
}

.text-gray-pale {
    color: #999999;
}

.text-gray-light {
    color: #666666;
}

.text-gray {
    color: #333333;
}

.bg-red {
    color: #f10215;
}

#main-container {
    width: 100%;
    height: 100%;
}

#top-navigation-bar,
#top-header-area,
#top-banner-area,
#bottom-footer-area {
    width: 100%;
}

#top-navigation-bar {
    height: 1.875rem;
    background-color: #e3e4e5;
    border-bottom: .0625rem solid #dddddd;
}

#top-header-area {
    min-height: 8.75rem;
    background-color: #ffffff;
    border-bottom: .0625rem solid #dddddd;
}

#top-banner-area {
    min-height: 30rem;
    background-color: #f4f4f4;
}

#bottom-footer-area {
    min-height: 35rem;
}

#middle-blank-content{
    min-height: 20rem;
    background-color: #f4f4f4;
}

#navigation-content,
#header-content,
#banner-content,
#footer-content {
    width: 75rem;
    margin: 0 auto;
}